<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('物联网数据')"/>
    <style>
        .fixed-table-toolbar .bs-bars {
            width: 100%;
        }

    </style>
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">

        <div class="col-sm-12 search-collapse">
            <div class="btn-group " style="margin: 0px auto;display: table;" role="group">
                <button type="button" class="top-link btn btn-sm btn-primary">传感数据</button>
                <button type="button" class="top-link btn-sm btn-white">图片信息</button>
                <button type="button" class="top-link btn-sm btn-white">视频信息</button>
            </div>

        </div>

        <div  style="height: 100%">
            <iframe class="home-iframe" name="iframe0" width="100%" height="100%" frameborder="0" seamless></iframe>
        </div>

    </div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
    var tp_id=[[${tp_id}]];
    var depts = [[${depts}]];
    $('.home-iframe').attr('src', baseWlwUrl + "/synthesize.html?tp_id="+tp_id+"&depts="+depts);
    $('.top-link').click(function () {
        var index = $(this).index();
        $(this).addClass("btn-primary").siblings().removeClass("btn-primary");
        $(this).removeClass("btn-white").siblings().addClass("btn-white");
        switch (index) {
            case 0:
                $('.home-iframe').attr('src', baseWlwUrl + "/synthesize.html?tp_id="+tp_id+"&depts="+depts);
                return;
            case 1:
                $('.home-iframe').attr('src', baseWlwUrl + "/synthesize2.html?tp_id="+tp_id+"&depts="+depts);
                return;
            case 2:
                $('.home-iframe').attr('src', baseWlwUrl + "/synthesize3.html?tp_id="+tp_id+"&depts="+depts);
                return;

        }
    })
    setTitle("温室管理-详情",true)
</script>
</body>
</html>